<template>
	<div class="all-shop">
		<div class="box" v-for="item in shopList" :key="item.id"><ShopDetail :shop="item"></ShopDetail></div>
	</div>
</template>

<script>
import ShopDetail from './ShopDetail.vue';
export default {
	name: 'all-shop-page',
	components: {
		ShopDetail
	},
	props: {
		shopList: {
			type: Array,
			default() {
				return [];
			}
		}
	},
	data() {
		return {
			msg: 'all-shop-page'
		};
	}
};
</script>

<style scoped>
.all-shop {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.all-shop .box{
	margin: 50px;
}
</style>
